import Taro, {Component} from "@tarojs/taro";
import {View, ScrollView, Image, Text, Input, Picker, Form} from "@tarojs/components";

import './manualRepayment.less'

import icon_83 from "../../assets/img/common/icon_83.png";
import icon_84_on from "../../assets/img/icon_06_on.png";
import icon_84 from "../../assets/img/common/icon_84_on.png";
import icon_85 from "../../assets/img/common/icon_85.png";
import {getRuntime} from "../../utils/common";
import {AtIcon} from "taro-ui";


class Company extends Component {
  constructor() {
    super()
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '手动还款'})
  }

  onScroll() {
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  onChange() {}

  render() {
    return (
      <View className='my-my_cash_now'>

        <View className='form-wrap content-30'>
          {/*选择框*/}
          <View className='form-wrap__group bbnone'>
            <View className='form-wrap__title'>还款信用卡</View>
            <View className='form-wrap__content form-wrap__select'>
              <Picker className='select'  mode='selector' range={this.state.selector} onChange={this.onChange}>
                <View className='select' style={{display:'flex'}}>
                  <View className='select placeholder-class select-con'>请选择</View>
                  <AtIcon className='drop-icon' value='chevron-right' size='20' color='#d1d1d1' />
                </View>
              </Picker>
            </View>
          </View>
        </View>

        <View className='interval' />

       <View className='header'>
         <View className='list-desc'>请输入还款总金额（元）</View>
         <View className='input-group'>
           <Input className='from-input' placeholderClass='placeholder_class' placeholder='￥0.00' />
         </View>

         <View className='info'>
           额外扣除手续费200元，<Text className='color'>(费率1%)</Text>
         </View>
       </View>

         <View className='circular-submit circular-default' onClick={this.link.bind(this,'/pages/mine/cashSuccess')}>立即还款</View>

      </View>
    )
  }
}

export default Company
